<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'oz989b4ae6448549dd9655ba10e87e93ed','Zv3b67450d363247d98f38dc5fad8e3d2f','Xifc62787976c8440dbfbbe6fcb3e74c5f','YF7e197a78b970432680e5c307669cd814','xCcd91ea1fa20f45a6859f9dcef6fa2813','C5a9ddafdf34c04ba498a4b1bd2d6d040c','Ug7899cefe6e4443e0892f9033b0a49504','qu3fd04954a42c48cd91102ed51f6f1ca3','lE3e81a395340644508be3470eac50749b'"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> 
  <meta name="apple-mobile-web-app-capable" content="yes"> 
  <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
  <meta name="format-detection" content="telephone=yes"> 
  <meta http-equiv="x-rim-auto-match" content="none"> 
  <link rel="stylesheet" href="http://www.joffre-jewelry.com/resource/plugin/mui/css/mui.min.css">
  <link href="http://hwfile.jyymatrix.cc/public/css/reset.css" rel="stylesheet"> 
  <link href="http://at.alicdn.com/t/font_952431_uhchhvqlyei.css" rel="stylesheet"> 
  <link href="http://hwfile.jyymatrix.cc/joffre/mobile/css/common.css" rel="stylesheet"> 
  <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>选购${网页标题}</title>
  <style>#box img{ float: left; width:100%; } td img{width:50%;} table{ border-collapse:collapse; border: none; } td a{ width: 100%; height: 24px; } td{ border-collapse:collapse; border: 1px solid #e9e2eb; border-left: none; text-align: center; width: 232px; padding: 20px 1px;vertical-align: middle; } tr td:nth-of-type(even){ border-right: none; }</style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head>  
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div style="height:60px;width:100%;text-align:center;line-height:70px;">
   <cms:attr var="attr" code="${param.code}"  ></cms:attr>
   <cms:attr var="attr2" code="${param.code2}"  ></cms:attr>
   <h1>
   <c:if test="${param.name eq null }"> ${attr.attrName} - ${ attr2.attrName}</c:if>
   <c:if test="${param.name ne null }"> ${param.name}</c:if>
   </h1>

  </div> 
  <div id="box" style="padding:10px 0px;">
   <table>
    <tbody>

    <cms:pros var="pros" code="${param.code }" name="${param.name}" code2="${param.code2}"  pageSize="100"></cms:pros>
    <c:forEach items="${pros }" var="item"  varStatus="count" >

     <c:if test="${count.index%2==0}">

      <tr>

      <c:if test="${(count.index+1) > fn:length(pros) }">
       <c:set var="endIndex" value="${ count.index + (fn:length(pros)%2) -1 }"  ></c:set>
      </c:if>

      <c:if test="${(count.index+1) <= fn:length(pros) }">
       <c:set var="endIndex" value="${ count.index + 1 }"  ></c:set>
      </c:if>
     </c:if>

     <td>
      <a href="${path}/do/redirect/mobile/productDetail?id=${item.id}" >
       <img src="${item.img}" class="zy" data-type="pro" data-id="${item.id}">
      </a>
      <a href="${path}/do/redirect/mobile/productDetail?id=${item.id}" class="zy" data-type="pro" data-id="${item.id}">${item.name}</a></td>

     <c:if test="${count.index==endIndex}"> </tr> </c:if>

    </c:forEach>


    </tbody>
   </table>
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="http://hwfile.jyymatrix.cc/public/js/jquery.min.js"></script> 
  <script src="http://www.joffre-jewelry.com/resource/plugin/mui/js/mui.js"></script>
  <script src="http://hwfile.jyymatrix.cc/joffre/mobile/js/accordion.js"></script> 
  <script>


</script>   
 </body>
</html>